<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>检测器</title>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/commonJs.js"></script>
<script src="../js/indexNew.js"></script>
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<style type="text/css">
html, body {
	height: 100%;
}

.page-header {
	margin-top: 0px;
}

#main-nav {
	margin-left: 1px;
}

.secondmenu>li>a {
	text-align: left;
	padding-left: 30px;
}

#main-nav.nav-tabs.nav-stacked>li>a {
	padding: 10px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #4A515B;
	background: #E9E9E9;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA),
		color-stop(100%, #E9E9E9));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
	background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
	background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',
		endColorstr='#E9E9E9');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	border: 1px solid #D5D5D5;
	border-radius: 4px;
}

#main-nav.nav-tabs.nav-stacked>li>a>span {
	color: #4A515B;
}

#main-nav.nav-tabs.nav-stacked>li.active>a, #main-nav.nav-tabs.nav-stacked>li>a:hover
	{
	color: #FFF;
	background: #178acc;
	background-color: #2fa4e7 /* background: #3C4049; 
	background:#337ab7;  */ 
		/* background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4A515B),
		color-stop(100%, #3C4049));
	background: -webkit-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: -o-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: -ms-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	background: linear-gradient(top, #4A515B 0%, #3C4049 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B',
		endColorstr='#3C4049');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
	 border-color: #2B2E33;   */
}

#main-nav.nav-tabs.nav-stacked>li.active>a, #main-nav.nav-tabs.nav-stacked>li>a:hover>span
	{
	color: #FFF;
}

#main-nav.nav-tabs.nav-stacked>li {
	margin-bottom: 4px;
}

/*定义二级菜单样式*/
.secondmenu a {
	font-size: 10px;
	color: #4A515B;
	text-align: center;
}

.navbar-static-top {
	background-color: #212121;
	/* background-color: #337ab7; */
	margin-bottom: 5px;
}

.navbar-brand {
	background: url('') no-repeat 10px 8px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 50px;
	color: #fff;
}
/*控制菜单箭头*/
.nav-header.collapsed>span.glyphicon-chevron-toggle:before {
	content: "\e114";
}

.nav-header>span.glyphicon-chevron-toggle:before {
	content: "\e113";
}

.secondmenu a {
	font-size: 12px;
	color: #4A515B;
	text-align: center;
}

.check {
	background-color: #eee;
	border-color: #428bca;
}
</style>
</head>
<body>
	<div class="container" style="height: 100%; width: 100%;">

		<div class="navbar navbar-default navbar-static-top">
			<div>
				<div class="container-fluid">
					<div class="navbar-header">
						<a class="navbar-brand" href="#"> XX公司 </a>
					</div>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#"><span class="glyphicon glyphicon-user"></span><input
								type="hidden" id="showHidenUser" />欢迎<span id="user_msg"></span>登录！</a></li>
						<!-- <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>登录</a></li>  -->
						<li><a href="javascript:signOut();"><span
								class="glyphicon glyphicon-log-out"></span>退出</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="page-header" id="banner">
			<div class="row">
				<div class=" col-md-2 col-sm-3" id="menuDiv" style="overflow: auto;">
					<ul id="main-nav" class="nav nav-tabs nav-stacked">
						<!-- user  new   end -->
						<li><a href="#goods" class="nav-header collapsed"
							data-toggle="collapse"> <i class="glyphicon glyphicon-cog"></i>
								检测器 <span class="pull-right glyphicon glyphicon-chevron-toggle"></span>
						</a>
							<ul id="goods" class="nav nav-list collapse secondmenu"
								style="height: 0px;">
								<li><a
									href="../html/detector/detectorInfo/detectorInfoList.html"
									target="contentIframe"><i
										class="glyphicon glyphicon-th-list"></i>数据查询</a></li>
								<li><a
									href="../html/detector/detectorInfo/detectorInfoList2.html"
									target="contentIframe"><i
										class="glyphicon glyphicon-th-list"></i>地图渲染</a></li>
							</ul></li>

					</ul>
				</div>
				<div class="col-md-10 col-sm-9" style="height: 100%;">
					<!-- ../html/org/orgBaseInfo/orgBaseInfoList.html -->
					<iframe id="contentIframe" name="contentIframe" src=''
						frameborder='0' style='border: 0px;'> </iframe>
				</div>
			</div>
		</div>
	</div>
</body>
</html>